<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Adminox - Responsive Web App Kit</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description">
	<meta content="Coderthemes" name="author">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- App favicon -->
	<link rel="shortcut icon" href="${ctx}/admin/images/favicon.ico">
	<!-- App css -->
	<link href="${ctx}/admin/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="${ctx}/admin/css/icons.css" rel="stylesheet" type="text/css">
	<link href="${ctx}/admin/css/metismenu.min.css" rel="stylesheet" type="text/css">
	<link href="${ctx}/admin/css/style.css" rel="stylesheet" type="text/css">
	<script src="${ctx}/admin/js/modernizr.min.js"></script>
</head>
<body>
<!-- Begin page -->
<div id="wrapper">
	<#include "common/header.ftl">
	<!-- Top Bar End -->
	<!-- ========== Left Sidebar Start ========== -->
    <#include "common/menu.ftl">
	<!-- Left Sidebar End -->
	<!-- ============================================================== -->
	<!-- Start right Content here -->
	<!-- ============================================================== -->
	<div class="content-page">
		<!-- Start content -->
		<div class="content">
			<div class="container-fluid">
				<div class="row">
					<div class="col-12">
						<div class="page-title-box">
							<h4 class="page-title float-left">Wysiwig Editor</h4>
							<ol class="breadcrumb float-right">
								<li class="breadcrumb-item"><a href="#">Adminox</a></li>
								<li class="breadcrumb-item"><a href="#">Forms</a></li>
								<li class="breadcrumb-item active">Wysiwig Editor</li>
							</ol>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				<!-- end row -->
				<div class="row">
					<div class="col-12">
						<div class="card-box">
							<button type="button" class="btn btn-sm btn-primary btn-rounded w-md waves-effect waves-light pull-right">Add Files</button>
							<h4 class="text-uppercase font-18">文件管理</h4>
							<div class="border m-b-30"></div>
							<div class="row">
								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/pdf.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/bmp.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/psd.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/avi.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/cad.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/txt.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>
							</div>


							<div class="row">
								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/eps.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/dll.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/sql.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/zip.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/ps.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>

								<div class="col-xs-6 col-sm-3 col-md-2">
									<div class="file-man-box">
										<a href="" class="file-close"><i class="mdi mdi-close-circle"></i></a>
										<div class="file-img-box">
											<img src="${ctx}/admin/images/file_icons/png.svg" alt="icon">
										</div>
										<a href="#" class="file-download"><i class="mdi mdi-download"></i> </a>
										<div class="file-man-title">
											<h5 class="m-b-0 text-overflow">invoice_project.pdf</h5>
											<p class="m-b-0"><small>568.8 kb</small></p>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div><!-- end col -->
				</div>
				<!-- End row -->
			</div>
			<!-- container -->
		</div>
		<!-- content -->
		<#include "common/footer.ftl"/>
	</div>
	<!-- ============================================================== -->
	<!-- End Right content here -->
	<!-- ============================================================== -->
</div>
<!-- END wrapper -->
<!-- jQuery  -->
<script src="${ctx}/admin/js/jquery.min.js"></script>
<script src="${ctx}/admin/js/tether.min.js"></script>
<!-- Tether for Bootstrap -->
<script src="${ctx}/admin/js/bootstrap.min.js"></script>
<script src="${ctx}/admin/js/metisMenu.min.js"></script>
<script src="${ctx}/admin/js/waves.js"></script>
<script src="${ctx}/admin/js/jquery.slimscroll.js"></script>
<!-- App js -->
<script src="${ctx}/admin/js/jquery.core.js"></script>
<script src="${ctx}/admin/js/jquery.app.js"></script>
<script type="text/javascript">
</script>
</body>
</html>